<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="../css/easyui.css" rel="stylesheet"><!--easyui-->
<link href="../css/icon.css" rel="stylesheet"><!--easyui-->
<link href="../css/main.css" rel="stylesheet">
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.easyui.min.js"></script><!--easyui-->
<script src="../js/easy-table-use.js"></script>
<script src="../js/echarts/echarts.min.js"></script>
<script src="../js/echarts/shanghai.js"></script>

<script type="text/javascript">
$(function(){
/*查看户籍人口，点击表格，父页弹出*/
	$("#add-leader").click(function(){
		$(".search",window.parent.document).fadeIn(500);
		$(".search .pop-box",window.parent.document).stop(true,true).animate({top:20,opacity:"1"},500);
	});
	$("#add-leader").one("click",function(){
		$(".search .pop-box iframe",window.parent.document).remove();
		$(".search .pop-box",window.parent.document).append("<iframe src='society/team/areainfo/addAreainfo.html' id='add-iframe' name='add-frame' frameborder='0' width='100%' height='490'></iframe>");
	});
/*修改简介，父页弹出*/
	$("#revise").click(function(){
		$(".check",window.parent.document).fadeIn(500);
		$(".check .pop-box",window.parent.document).stop(true,true).animate({top:20,opacity:"1"},500);
	});
	$("#revise").one("click",function(){
		$(".check .pop-box iframe",window.parent.document).remove();
		$(".check .pop-box",window.parent.document).append("<iframe src='society/team/areainfo/reviseAreainfo.html' id='revise-iframe' name='revise-frame' frameborder='0' width='100%' height='400'></iframe>");
	});
/*介绍 移入移出*/
	$(".hover-btn").hide();
	$(".hover-btn").parent().hover(function(){
		$(this).addClass("hover-btn-pnt").find(".hover-btn").show();
	},function(){
		$(this).removeClass("hover-btn-pnt").find(".hover-btn").hide();
	});
/*拖动启动*/
	$('#gbin1-list').sortable().bind('sortupdate');
});
</script>
</head>

<body class="main-bg">

<div style="float:left;width:40%;">
<div>
	<div class="panel-header">
		<div class="panel-title">重要信息</div>
		<div class="panel-tool"></div>
	</div>
	<div class="panel-body" title="" style="padding: 10px 20px;font-size:14px;line-height:22px;" data-options="">
		<table style="height:185px">
			<tbody>
				<tr>
					<td>待办事项</td>
					<td>户籍迁移在办 <a href="#">12</a> 人，待办 <a href="#">1</a> 人；人户分离在办 <a href="#">12</a> 人，待办 <a href="#">1</a> 人；居住地变更在办 <a href="#">12</a> 人，待办 <a href="#">1</a> 人；</td>
				</tr>
				<tr>
					<td>个体预警</td>
					<td>
						风险评估：<br>
						希伟：15（四月）、25（五月）、55（六月）<br>
						黄超平：9（四月）、22（五月）、46（六月）<br>
					</td>
				</tr>
				<tr>
					<td width="25%">重犯率预警</td>
					<td>本月重犯率达到2%，高于本市平均重犯率（1%）</td>
				</tr>
				<tr>
					<td>安置帮教率预警</td>
					<td>本月安置帮教率为55%，低于本市平均安置帮教率（60%）</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<div style="margin-top:10px;">
	<div class="panel-header">
		<div class="panel-title">通知公告</div>
		<div class="panel-tool"></div>
	</div>
	<div class="panel-body">
		<table class="page-table"
		data-options="singleSelect:true,fitColumns:true,border:0">
			<thead>
				<tr>
					<th data-options="field:'code',width:250">标题</th>
					<th data-options="field:'name',width:80">发件时间</th>
					<th data-options="field:'price',width:100">发件单位</th>	
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>关于加强十八大期间“零报告”工作的通知</td>
					<td>2012-11-05</td>
					<td>市矫正办矫正处</td>
				</tr>
				<tr>
					<td>2012年培训相关课件</td>
					<td>2012-11-05</td>
					<td>市矫正办矫正处</td>
				</tr>
				<tr>
					<td>2012年培训相关课件</td>
					<td>2012-11-05</td>
					<td>市矫正办矫正处</td>
				</tr>
				<tr>
					<td>2012年培训相关课件</td>
					<td>2012-11-05</td>
					<td>市矫正办矫正处</td>
				</tr>
				<tr>
					<td>2012年培训相关课件</td>
					<td>2012-11-05</td>
					<td>市矫正办矫正处</td>
				</tr>
				<tr>
					<td>2012年培训相关课件</td>
					<td>2012-11-05</td>
					<td>市矫正办矫正处</td>
				</tr>
				<tr>
					<td>2012年培训相关课件</td>
					<td>2012-11-05</td>
					<td>市矫正办矫正处</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
</div>
<div id="map_main" style="margin-left:40%;height:550px;"></div>
<div id="wcn_tip" class="easyui-draggable" style="width:320px;position:fixed;top:0;right:0;">
	<div class="panel-header">
		<div class="panel-title"><span id="quxian"></span>未成年人</div>
		<div class="panel-tool"></div>
	</div>
	<div class="panel-body">
		<table class="page-table"
		data-options="singleSelect:true,border:0,pagination:true">
			<thead>
				<tr>
					<th data-options="field:'code',width:80">姓名</th>
					<th data-options="field:'name',width:80">街镇</th>
					<th data-options="field:'price',width:80">矫正类别</th>	
					<th data-options="field:'ck',width:78">操作</th>	
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>奚伟中</td>
					<td>张江镇</td>
					<td>管制</td>
					<td><a href="#">查看</a></td>
				</tr>
				<tr>
					<td>缪晓柏</td>
					<td>张江镇</td>
					<td>缓刑</td>
					<td><a href="#">查看</a></td>
				</tr>
				<tr>
					<td>李国其</td>
					<td>张江镇</td>
					<td>缓刑</td>
					<td><a href="#">查看</a></td>
				</tr>
				<tr>
					<td>金星国</td>
					<td>张江镇</td>
					<td>缓刑</td>
					<td><a href="#">查看</a></td>
				</tr>
				<tr>
					<td>施伟蔚</td>
					<td>张江镇</td>
					<td>缓刑</td>
					<td><a href="#">查看</a></td>
				</tr>
				<tr>
					<td>郭建刚</td>
					<td>张江镇</td>
					<td>缓刑</td>
					<td><a href="#">查看</a></td>
				</tr>
				<tr>
					<td>张书文</td>
					<td>张江镇</td>
					<td>缓刑</td>
					<td><a href="#">查看</a></td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<script>
var myChart = echarts.init(document.getElementById('map_main'));

option = {
    title: {
        text: '上海重犯率分布情况',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
		formatter: '{b} <br/>{a}:{c}'
    },
    visualMap: {
        min: 0,
        max: 10,
        left: 'right',
        top: 'bottom',
        text: ['%','%'],
        calculable: true
    },
    series: [
        {
            name: '重犯率',
            type: 'map',
            mapType: 'shanghai',
            roam: true,				//地图缩放
            label: {
                normal: {
                    show: false
                },
                emphasis: {
                    show: true
                }
            },
            data:[
				{name: '崇明县',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '宝山区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '嘉定区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '青浦区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '杨浦区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '虹口区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '普陀区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '静安区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '黄浦区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '卢湾区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '长宁区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '徐汇区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '浦东新区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '松江区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '闵行区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '金山区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '奉贤区',code:'1',value: (Math.random()*3).toFixed(2)},
				{name: '南汇区',code:'1',value: (Math.random()*3).toFixed(2)}
			]
        }
    ]
};
myChart.setOption(option);
// myChart.on('click', function (params,event) {
//     $("#wcn_tip #quxian").text(params.name);
//     $("#wcn_tip").fadeIn(100);
// });
// myChart.getZr().on('click',function(event){
// 	if(!event.target){
// 		$("#wcn_tip").fadeOut(100);
// 	}
// });
$("#wcn_tip").fadeOut();
</script>
</body>
</html>